<script setup lang="ts">
import {useWindowSize} from "@vueuse/core";
defineProps<{
    msg: string;
}>();

const { width, height } = useWindowSize()
</script>

<template>
    <div class="hello-world" v-text="msg"></div>
    <div class="text-center">
        <el-tag>{{ msg }}</el-tag>
        <el-text class="block">
            窗口尺寸: {{width}}*{{height}}
        </el-text>
    </div>

</template>

<style scoped>
.hello-world {
    height: 76px;
    line-height: 38px;
    margin: 16px 150px;
    text-align: center;
    font-size: 26px;
}
</style>
